<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{block name='title'}{/block}</title>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/user.css">
    <link href="__STATIC__/css/bootstrap.min.css" rel="stylesheet">
    <script src="__STATIC__/js/jquery-3.3.1.min.js"></script>
    <script src="__STATIC__/js/bootstrap.min.js"></script>
    <script src="__STATIC__/js/index.js"></script>
    <script type="text/javascript">
        function doing(){
        //密码长度为6-18个字符
           // 用户名3-15个字符
           var usrn = $('#username').val();
           var pwdn = $('#password').val(); 
           if (usrn.length < 3 || usrn.length > 15 || pwdn.length < 3 || pwdn.length > 18){
               return false;
           }else{
               // $('.login-form').submit();
               return true;
           }
        }
        $(function(){
        });
    </script>
</head>
<body>
<div class="mob-page-log">
	<div class="page-content">
		<div class="center-content register-content">
			<h1>{block name="subtitle"}{/block}</h1>
			<div class="tips" style="height: 42px;">
		    	<div class="alert">{block name="tips1"}*请填写所有资料{/block}</div>
			</div>
    		<div class="login-content">
                <form method="POST" action="{block name="action"}{/block}" accept-charset="UTF-8" class="login-form mob-form" onsubmit=""><input name="_token" type="hidden">
                	<div class="mob-input-content">               
                    	<div class="input-group">
                        	<label class="input-label">
                            	<i class="glyphicon glyphicon-user"></i>
                        	</label>
                        	<input type="text" class="mob-input" placeholder="用户名" id="username" name="username">
                        	<span class="msg-success imsg">&nbsp;</span>
                        	<span class="imsg msg-error msg-usrn">
                                    用户名为3-15个字符
                            </span>
                    	</div>
                   		<div class="input-group">
                        	<label class="input-label">
                            	<i class="glyphicon glyphicon-lock"></i>
                        	</label>
                        	<input type="password" name="password" id="password" class="mob-input" placeholder="请输入6-18个字符的密码">
                        	<span class="imsg msg-info">
                                <span>长度为6-18个字符</span>
                            </span>
                        	<span class="msg-success imsg">&nbsp;</span>
                        	<span class="imsg msg-error msg-pwd">
                                <span></span>
                            </span>
                    	</div>
                    	<!-- <div class="input-group">
                        	<label class="input-label">
                            	<i class="glyphicon glyphicon-barcode"></i>
                        	</label>
                        	<div class="input-inline">
                            	<input type="text" class="mob-input" placeholder="验证码" name="captcha" id="captcha">
                            	<span class="code">
                                    <img src="http://reg.mob.com/kit/captcha/1" alt="" class="img-reload" title="点击刷新验证码">
                                </span>
                            	<span class="msg-success imsg">&nbsp;</span>
                            	<span class="imsg msg-error msg-info">
                                    <span>请输入4位验证码</span>
                                </span>
                        	</div>
                		</div> -->
                    	<div class="input-group">
                        	<label class="input-label"></label>
                        	<button class="mob-btn-origin mob-btn" onclick="return doing()"><i class="anim"></i>{block name="submit"}注册{/block}</button>
                    	</div>
                    	<div class="input-group">
                        	<label class="input-label"></label>
                        	<a class="mob-btn-default mob-btn w310" href="{block name="link"}register{/block}"><i class="anim"></i>{block name="tips"}已有账号,立即登录{/block}</a>
                    	</div>
                	</div>
                </form>
            </div>
        </div>
	</div>
</div>
</body>
</html>